<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
	<title>OA</title>
	 <jsp:include page="../media.jsp"></jsp:include>
	    <link href="media/js/plugins/fancybox/jquery.fancybox.css" rel="stylesheet">
	 <style type="text/css">
	 	ul,li{ margin: 0; padding: 0; list-style: none;}
	 	.signImg{ margin: 10px 0;}
	 	.signImg li{ display: inline-block; margin: 15px 5px;}
	 	.signImg li p{ text-align: center;}
	 </style>
</head>
<body class="top-navigation">
    <div id="wrapper">
        <div id="page-wrapper" class="gray-bg">
			<!--顶部-->
			<jsp:include page="../top.jsp"></jsp:include>
           
            <div class="wrapper wrapper-content">
			<div class="row">
                <div class="col-lg-12">
					<div class="ibox">
						<div class="ibox-title">
                        	<h5>签名管理</h5>
                        	<span style="float: right;">查询结果共：4  条</span>
                    	</div>
						<div class="ibox-content">
							<div class="row">
								<div class="col-sm-2 m-b-xs" style=" text-align: right; padding-right: 0;">
									<input class="form-control" type="text" placeholder="请输入生产号" >
								</div>
								
								<div class="col-sm-10 m-b-xs">
									<button class="btn btn-primary" type="submit">查询</button>
								</div>
							</div>
							<div class="project-list" style="padding-top: 20px;">
								<a class="fancybox" href="media/images/p1.jpg" title="图片1">
                                    <img alt="image" src="media/images/p1.jpg" />
                                </a>
								<a class="fancybox" href="media/images/p1.jpg" title="图片1">
                                    <img alt="image" src="media/images/p1.jpg" />
                                </a>
								<a class="fancybox" href="media/images/p1.jpg" title="图片1">
                                    <img alt="image" src="media/images/p1.jpg" />
                                </a>
								<a class="fancybox" href="media/images/p1.jpg" title="图片1">
                                    <img alt="image" src="media/images/p1.jpg" />
                                </a>
								<a class="fancybox" href="media/images/p1.jpg" title="图片1">
                                    <img alt="image" src="media/images/p1.jpg" />
                                </a>
								<a class="fancybox" href="media/images/p1.jpg" title="图片1">
                                    <img alt="image" src="media/images/p1.jpg" />
                                </a>
								<a class="fancybox" href="media/images/p1.jpg" title="图片1">
                                    <img alt="image" src="media/images/p1.jpg" />
                                </a>
								<a class="fancybox" href="media/images/p1.jpg" title="图片1">
                                    <img alt="image" src="media/images/p1.jpg" />
                                </a>
                            </div>
                        </div>
                </div>
            </div>
        </div>
		</div>
        </div>
    </div>
 <script src="media/js/plugins/fancybox/jquery.fancybox.js"></script>


    <script>
        $(document).ready(function () {
            $('.fancybox').fancybox({
                openEffect: 'none',
                closeEffect: 'none'
            });
        });
    </script>
    </body>
</html>
